<template>
	<ucs-svg :width="size" :height="size" :src="iconSvg" />
</template>
<script setup lang="uts">
	/**
	 * @description 《肠胃》图标
	 * @tutorial https://ucs.cloudsimpler.com/library/ucs-iconPark
	 * @property {Number} size 图标大小
	 * @property {Number} strokeWidth 线段粗细
	 * @property {String} theme 图标大小
	 * @property {Array<string>} fill 图标颜色，["外部描边颜色","外部填充颜色","内部描边颜色","内部填充颜色"]
	 * @property {String} strokeLinecap 图标大小
	 * @property {String} strokeLinejoin 图标大小
	 */
	import { colors, IiconParkProps } from "../../mixins/iconParkMixin.uts";
	import { computed } from "vue";
	
	const props = withDefaults(defineProps<IiconParkProps>(), {
		size: 24,
		strokeWidth: 4,
		theme: 'outline',
		fill: ["#000000"],
		strokeLinecap: 'round',
		strokeLinejoin: 'round'
	});

	const iconSvg = computed(() : string => {
		return `<?xml version="1.0" encoding="UTF-8"?><svg width="${props.size}" height="${props.size}" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.9999 5C21.8537 9.46023 21.8537 12.7727 22.9999 14.9375C24.719 18.1847 28.7 19.9804 23.5741 24.3115C18.4482 28.6427 13.2512 25.0083 10.0425 25.0083C6.83388 25.0083 4.02246 28.6213 4.02246 34C4.02246 37.5858 4.68159 40.5858 5.99986 43" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M29.9842 5C28.5428 10.329 28.8711 13.7087 30.9694 15.1393C34.1168 17.2851 34.358 12.8036 40.141 15.4699C45.924 18.1363 44.4204 27.4311 41.0941 32.2156C37.7677 37 30.6675 41.8347 24.0084 41C17.3493 40.1653 14.8733 32.0201 14.0161 32.0201C13.159 32.0201 11.3479 32.0455 10.9943 35.4172C10.7585 37.6649 11.4287 40.1926 13.0048 43" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}" stroke-linejoin="${props.strokeLinejoin}"/><path d="M35.6447 28.29C35.0666 30.0018 34.09 31.3384 32.7148 32.3C31.3397 33.2615 29.5942 33.8283 27.4785 34.0002" stroke="${colors(props.theme, props.fill, 0)}" stroke-width="${props.strokeWidth}" stroke-linecap="${props.strokeLinecap}"/></svg>`
	});
</script>